$(document).ready(function(){ 
  $("tbody tr:even").css("background-color","#ECE9D8");
  var tds = $("tbody td"); 
  tds.click(tdClick); 
}); 

function tdClick(){ 
  //保存当前的td节点 
    var td = $(this); 
    //取出当前td节点的文本内容并保存起来 
    var text = td.text(); 
    //清空td里面的内容 
    td.html("");//也可以是td.empty(); 
    //建立一个文本框 
    var input = $("<input>"); 
    //设置文本框的值是刚保存起来的 
    input.attr("value",text); 
    input.width(td.width()-1);
    input.height(td.height());
    //将文本框加入到td中 
    td.append(input); 
    //让文本框里的文字高亮选中 
    var inputDom = input.get(0); 
    inputDom.select(); 
    //取消td的点击事件 
    td.unbind("click"); 
      //让文本框响应键盘事件 
    input.keyup(function(event){ 
//      var myEvent = event || window.event; 
//      var keyCode = myEvent.keyCode; 
      var keyCode=event.which;
      //判断是否回车键按下 
      if(keyCode == 13){ 
        //获得文本框 
        var inputNode = $(this); 
//        //保存文本框的值 
//        var inputText = inputNode.val(); 
//        //获得td节点 
//        var tdNode = inputNode.parent(); 
//        //设置td的值 
//        tdNode.html(inputText); 
//        //让td重新拥有点击事件 
//        tdNode.click(tdClick); 
        td.html(inputNode.val());
        var tmp = td;
//  alert(td.prev().text());
        var option = td.attr("id");
//        alert(td.attr("id"));
//  alert(td.parents("tr").children("td").eq(0).text());
        var sno = td.parents("tr").children("td").eq(0).text();
        
        var value = inputNode.val();
  
 /* $.get("http://localhost:8080/EditTable/UpdateStudent?sno="+encodeURI(sno)+"&option="+encodeURI(option)+"&"+option+"="+encodeURI(value),null,function(response){
    $("#result").html(response); 
  });*/
        td.click(tdClick);
      } 
      else if(keyCode == 27){
       td.html(text);       
      }
    }); 
    input.blur(function(){ 
      var inputNode = $(this); 
      var inputText = inputNode.val(); 
      var tdNode = inputNode.parent(); 
      tdNode.html(inputText); 
      tdNode.click(tdClick); 
    }); 
  }
